<!DOCTYPE html>
<html>
<head>
    <title>{$data.title}</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="description" content="{$data.describe}" />
    <meta name="keywords" content="{$data.keyword}" />

    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
    <!-- css -->
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <link href="__HOME__css/iconfont.css" rel="stylesheet"/>
    <link href="__HOME__css/am.css" rel="stylesheet"/>
    <link href="__HOME__css/flexslider.css" rel="stylesheet"/>
    <link href="__HOME__css/style.css" rel="stylesheet"/>
    <link rel="stylesheet" href="__HOME__css/blueimp-gallery.min.css">
    {$seo.head}
</head>
<body>
{$seo.body}

<div class="wrap">
    <!--导航-->
    {include file="public/header" /}

    <!-- banner -->
    <div class="banner magtopmenu">
        <ul class="banner_slider clear">
            <?php if($data['img_url_arr']):?>
                <?php foreach($data['img_url_arr'] as $key => $val):?>
                    <li>
                        <div class="pic">
                            <img src="<?php echo $val;?>" alt="">
                        </div>
                        <?php if($key == 0):?>

                        <?php endif?>
                    </li>
                <?php endforeach;?>
            <?php endif?>
        </ul>
    </div>
    <!-- banner end -->
</div>

<div class="louceng_box">
    <!-- pages -->
    <div class="_productDescription padi40 louceng">
        <div class="public clear">
            <div class="singlepro_top textcenter">
                <?php echo $data['introduce'];?>
            </div>
            <div class="_suitable padi40">
                <h3 class="_title">激光打标与雕刻机适用的金属材料</h3>
                <ul class="clear _suitable_list">
                    <li class="fl _suitable_list_l">
                        <table class="_table">
                            <?php foreach($data['scene_tags_arr'] as $key => $val):?>
                                <?php if($key%2==0):?>
                                    <tr><td><?php echo $val;?></td></tr>
                                <?php endif;?>
                            <?php endforeach;?>
                        </table>
                    </li>
                    <li class="fl _suitable_list_l">
                        <table class="_table">
                            <?php foreach($data['scene_tags_arr'] as $key => $val):?>
                                <?php if($key%2!=0):?>
                                    <tr><td><?php echo $val;?></td></tr>
                                <?php endif;?>
                            <?php endforeach;?>
                        </table>
                    </li>
                    <li class="fl _suitable_list_o" style="width: 40%;padding-top: 14px;">
                        <ul class="clear">
                            <?php foreach($data['scene_img_arr'] as $key => $val):?>
                                <li class="fl" style="width: 50%">
                                    <a href="<?php echo $val;?>" title="" data-gallery="">
                                        <div class="pic am">
                                            <div class="pic_img am">
                                                <img src="<?php echo $val;?>" alt="" title="" style="height: 240px;">
                                            </div>
                                            <div class="pic_open am">
                                                <i class="iconfont icon-datu"></i>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                            <?php endforeach;?>

                            <div id="blueimp-gallery" class="blueimp-gallery">
                                <div class="slides"></div>
                                <h3 class="title"></h3>
                                <a class="prev">‹</a>
                                <a class="next">›</a>
                                <a class="close">×</a>
                                <!-- <a class="play-pause"></a> -->
                                <ol class="indicator"></ol>
                            </div>
                        </ul>
                    </li>
                </ul>
                <p class="_text">想了解更多激光打标机与激光金属雕刻机信息?</p>
                <a href="/Contact-us.html" class="_more">联系我们</a>
            </div>
        </div>
    </div>

    <div class="_made_metal louceng">
        <div class="public">
            <h3 class="_title">您想为哪种金属产品打标？</h3>
            <div class="_made_metal_list">
                <ul class="col-2">
                    <li class="fl">
                        <p class="_text"><?php echo $data['mark_one_arr']['title']?></p>
                        <div class="clear _box am">
                            <div class="pic fl am" style="width: 50%;">
                                <div class="pic_img am">
                                    <img src="<?php echo $data['mark_one_arr']['img_url']?>" alt="" title="" style="height: 300px;">
                                </div>
                            </div>
                            <div class="writing fl" style="width: 50%;">
                                <?php foreach($data['mark_one_arr']['tags_arr'] as $val):?>
                                    <p><span class="iconSquare"></span><?php echo $val;?></p>
                                <?php endforeach;?>
                            </div>
                        </div>
                        <a href="" class="_more btn_green">打标行业金属产品</a>
                    </li>
                    <li class="fl">
                        <p class="_text"><?php echo $data['mark_two_arr']['title']?></p>
                        <div class="clear _box am">
                            <div class="pic fl am" style="width: 50%;">
                                <div class="pic_img am">
                                    <img src="<?php echo $data['mark_two_arr']['img_url']?>" alt="" title="" style="height: 300px;">
                                </div>
                            </div>
                            <div class="writing fl" style="width: 50%;">
                                <?php foreach($data['mark_two_arr']['tags_arr'] as $val):?>
                                    <p><span class="iconSquare"></span><?php echo $val;?></p>
                                <?php endforeach;?>
                            </div>
                        </div>
                        <a href="" class="_more btn_gray">打标案例</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div class="_itWorks louceng" style="background: url(__HOME__images/productDetailsimg_2_1.jpg) center center no-repeat;background-size: cover;overflow: hidden">
        <div class="_itWorks_video">
            <i class="iconfont icon-bofang opentech"></i>
            <h3>工业激光打标</h3>
            <p>应用案例</p>
        </div>

        <div class="aavvc" style="display: none;background: #525254;position:relative;height: 675px;overflow: hidden;">
            <div class="_itWorks_video_this" style="display: block;position: absolute;width: 1200px;height: 675px;left: 50%;margin-left: -600px;z-index: 300;">
                <iframe type="text/html" width="100%" height="675" src="{$data.video}" frameborder="0" autoplay="1"></iframe>
            </div>
        </div>

    </div>

    <div class="_laserMarking louceng">
        <div class="public">
           {$data.describe1}
            <h3 class="_title"></h3>
            <div class="_laserMarking_list">

                <div class="_applicationExample _productionSamples">
                    <h3 class="_title textcenter">工业激光打标: 应用案例</h3>
                    <div class="_productionSamples_list">
                        <ul class="col-4 clear">
                            <?php foreach($data['sample_ids_arr'] as $k=>$val):?>

                            {if $k gt 3}
                            <li class="fl samples" style="display: none;margin-top: 2%;" >
                                <a href="javascript:;">
                                    <div class="pic am">
                                        <div class="pic_img am">
                                            <img src="<?php echo $val['img_url'];?>" alt="<?php echo $val['alt'];?>" title="<?php echo $val['alt'];?>" style="height: 190px;">
                                        </div>
                                        <div class="pic_open am">
                                            <i class="iconfont icon-datu am"></i>
                                        </div>
                                    </div>
                                    <p class="_text am">{$val.name}</p>
                                </a>
                            </li>
                            {else \}
                            <li class="fl" style=";margin-top: 2%;">
                                <a href="javascript:;">
                                    <div class="pic am">
                                        <div class="pic_img am">
                                            <img src="<?php echo $val['img_url'];?>" alt="" style="height: 190px;">
                                        </div>
                                        <div class="pic_open am">
                                            <i class="iconfont icon-datu am"></i>
                                        </div>
                                    </div>
                                    <p class="_text am">{$val.name}</p>
                                </a>
                            </li>
                            {/if}
                            <?php endforeach;?>
                        </ul>
                    </div>
                    <div class="_view">
                        <a class="_more" id="samplessee">查看更多</a>
                        <span class="_link"></span>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="_meaning louceng">
        <div class="public">
            <h3 class="_title">为什么要为工业金属打标购买激光雕刻机？</h3>
            <div class="_meaning_list">
                <ul class="col-2 clear">
                    <li class="fl">
                        <div class="pic">
                            <div class="pic_img am">
                                <img src="<?php echo $data['significance_img'];?>" alt="" style="height: 400px;">
                            </div>
                        </div>
                    </li>
                    <li class="fl pad30">
                        <?php echo $data['significance'];?>
                        <a href="/Contact-us.html" class="_more"><i class="iconfont icon-xiangyou1"></i>联系我们</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div class="_technology louceng">
        <div class="public">
            <h3 class="_title">激光技术的作用与优势</h3>
            <div class="_technology_list">
                <ul class="_technology_list_group">
                    <?php foreach($data['advantage_arr'] as $k=>$val):?>
                    <?php if($val['name']):?>

                        <li class="_alone am  {if $k eq 0}_hover{/if}">
                            <p class="_title am"><?php echo $val['name'];?><i class="iconfont icon-xiala fr am"></i></p>
                            <div class="_active am">
                                <?php echo $val['content'];?>
                            </div>
                        </li>
                        <?php endif;?>
                    <?php endforeach;?>
                </ul>
            </div>
        </div>
    </div>

    <div class="_relatedProducts louceng">
        <div class="public">
            <div class="_module">
                <h3 class="_title">欧瑞激光产品推荐</h3>
                <p class="_text">数据仅供参考</p>
            </div>
            <div class="_carousel">
                <div class="small_pic">
                    <?php if($data['product_list_arr']):?>
                        <?php $i = 0; foreach($data['product_list_arr'] as $key=>$val):?>
                            <?php if($i == 0):?>
                                <ul class="col-3 clear">
                            <?php endif;?>
                                <li class="fl">
                                    <a href="/product/{$val.uname}-{$val.id}.html">
                                    <div class="pic am">
                                        <div class="pic_img am">
                                            <img src="<?php echo $val['img_url_site']?>" alt="" style="height: 300px;">
                                        </div>
                                    </div>
                                    <div class="pic_text">
                                        <h4 class="_title am"><?php echo $val['name'];?></h4>
                                        <p class="_text"><?php echo $val['introduce'];?></p>
                                        <a class="_more am" href="/product/{$val.uname}-{$val.id}.html"><i class="iconfont icon-xiangyou1"></i>更多细节 </a>
                                    </div>
                                    </a>
                                   <!-- <span class="_label">HOT</span>-->
                                </li>
                            <?php if($i == 2):?>
                                </ul>

                            <?php $i  = 0; else:?>
                            <?php $i ++;endif;?>
                        <?php endforeach;?>
                    <?php endif;?>
                </div>
            </div>
        </div>
    </div>

    <div class="_learnMore louceng">
        <div class="public clear">
            <div class="_learnMore_l fl" style="width: 50%">
                <?php echo $data['help'];?>
                <a href="/Applications.html" class="_more">查看更多特点</a>
            </div>
            <div class="_learnMore_r fr" style="width: 40%">
                <div class="pic">
                    <div class="pic_img am">
                        <img src="<?php echo $data['help_img'];?>" alt="" style="height: 310px;">
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="_possibilities louceng" style="margin-bottom: 100px">
        <div class="public">
            <?php echo $data['introduce1'];?>
        </div>
    </div>

    <div class="mark"></div>
 
    <!-- pages end -->
</div>
<!--<ul class="fixedmeau" style="display: block;">-->
    <!--<li class="active"><a></a><span class="am">PRODUCT DESCRIPTION</span></li>-->
    <!--<li class=""><a></a><span class="am">SEE HOW IT WORKS</span></li>-->
    <!--<li class=""><a></a><span class="am">Parts advantage</span></li>-->
    <!--<li class=""><a></a><span class="am">Technical Data</span></li>-->
    <!--<li class=""><a></a><span class="am">3D Display</span></li>-->
    <!--<li class=""><a></a><span class="am">Which materials can the laser engraver handle?</span></li>-->
    <!--<li class=""><a></a><span class="am">Production samples</span></li>-->
    <!--<li class=""><a></a><span class="am">Features of the Speedy laser engravers</span></li>-->
    <!--<li class=""><a></a><span class="am">Upgrades for the Speedy laser engravers</span></li>-->
    <!--<li class=""><a></a><span class="am">Contact us right now!</span></li>-->
    <!--<li class=""><a></a><span class="am">Related products</span></li>-->
<!--</ul>-->
{include file="public/footer" /}

<script type="text/javascript">

    $('.opentech').bind('click', function() {
        //console.log(1);
        $('.aavvc').addClass("animated fadeInDown").show();
    })

    // ajax
    $('#send').click(function(){
        $.ajax({
            url: '',
            type: 'GET',
            data: $('#form2').serialize(),
        })
    })

    var flag1 = 1;
    $('#samplessee').click(function () {
        if(flag1 === 1){
            flag1 = 2;
            $('#samplessee').css('background','#efefef');
            $('#samplessee').css('color','#1a7e67');
            $('#samplessee').text('See fewer');
            $('.samples').css('display','block');
        }else {
            flag1 = 1;
            $('#samplessee').css('background','#1a7e67');
            $('#samplessee').css('color','#fff');
            $('#samplessee').text('See more');
            $('.samples').css('display','none');
        }

    })
    // 底部产品轮播
    $('._carousel').flexslider({
        selector: ".small_pic > ul",
        animation: "slide",
        controlNav: true,
        directionNav: true,
        multipleKeyboard:true,
        animationLoop: true,
        slideshow: true,
        slideshowSpeed: 6000,
        easing:"swing",
        smoothHeight: false,
        pauseOnAction:false,
        pauseOnHover:false,
        start: function(slider){
            //$('#loader').remove();
        },
        after: function(slider){
            //
        }
    });
</script>

<script type="text/javascript">
    /*
     totop  //返回顶部按钮
     fixedevery   // 左侧固定导航的每一项
     louceng  //模块的每一项
     header   //头部
     */
    $(function(){
        var obj = new floor('.totop','.fixedmeau>li','.louceng_box>.louceng','.wrap');
        obj.init()
    })
</script>

<script type="text/javascript">
    $('ul._technology_list_group li').click(function(){
        $(this).addClass("_hover").siblings().removeClass("_hover");
    });
</script>
